<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>表单展示</title>
    <!--<link href="/bpm/miniUI/frame/frame1/css/tableLayout.css" rel="stylesheet" type="text/css"/>-->
    <!--<link href="/bpm/miniUI/frame/frame1/themes/default/easyui.css" rel="stylesheet" type="text/css">-->
    <!--<link href="/bpm/miniUI/frame/frame1/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css">-->
    <!--<link href="/bpm/miniUI/frame/frame1/css/main.css"rel="stylesheet"type="text/css"/>-->
    <!--<link href="/bpm/miniUI/frame/frame1/res/css/demo.css" rel="stylesheet" type="text/css" />-->
  <!--&lt;!&ndash;   <script src="/bpm/miniUI/frame/frame1/js/index.js" type="text/javascript"></script> &ndash;&gt;-->
    <!--<script src="/bpm/miniUI/scripts/jquery.min.js" type="text/javascript"></script>-->
    <!--<script src="/bpm/miniUI/scripts/miniui/miniui.js" type="text/javascript"></script>-->
    <!--<script src="/bpm/miniUI/scripts/boot.js" type="text/javascript"></script>-->
    <!--<script src="/bpm/miniUI/frame/frame1/js/jquery.easyui.min.js" type="text/javascript"></script>-->
    <!--<script src="/bpm/miniUI/frame/frame1/js/xinyuansu.js" type="text/javascript"></script>-->
    <!--<script src="/bpm/miniUI/frame/frame1/js/action.js" type="text/javascript"></script>-->
    <!--<script src="/bpm/miniUI/frame/frame1/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>-->
    <!--&lt;!&ndash;<script src="../../../../res/third-party/swfupload/swfupload.js" type="text/javascript"></script>&ndash;&gt;-->
    <!--<script src="/bpm/miniUI/res/third-party/ajaxfileupload/ajaxfileupload.js" type="text/javascript"></script>-->
   <!---->
    <!--<script src="/bpm/miniUI/frame/frame1/js/form-public.js" type="text/javascript"></script>-->

    <link href="../../css/tableLayout.css" rel="stylesheet" type="text/css"/>
    <link href="../../themes/default/easyui.css" rel="stylesheet" type="text/css">
    <link href="../../themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css">
    <link href="../../css/main.css"rel="stylesheet"type="text/css"/>
    <link href="../../res/css/demo.css" rel="stylesheet" type="text/css" />
  <!--   <script src="/bpm/miniUI/frame/frame1/js/index.js" type="text/javascript"></script> -->
    <script src="../../../../scripts/jquery.min.js" type="text/javascript"></script>
    <script src="../../../../scripts/miniui/miniui.js" type="text/javascript"></script>
    <script src="../../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../js/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../js/xinyuansu.js" type="text/javascript"></script>
    <script src="../../js/action.js" type="text/javascript"></script>
    <script src="../../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="../../js/circular-json.js" type="text/javascript"></script>
    <script src="../../../../scripts/CopyExcel.js" type="text/javascript"></script>
    <script src="../../js/webSocket.js" type="text/javascript"></script>
    <!--<script src="../../../../res/third-party/swfupload/swfupload.js" type="text/javascript"></script>-->
    <!--<script src="/bpm/miniUI/res/third-party/ajaxfileupload/ajaxfileupload.js" type="text/javascript"></script>-->

    <style>
        html, body{
            margin:0;padding:0;border:0;width:100%;
            height:100%;overflow:hidden;
        }
        .formTemplate .mini-layout-region-body {
            overflow: hidden;
        }
        #formField {
            overflow: auto;
        }
        #formField label{
            display: inline-block;
        }
        #formName h1{
            text-align: center;
        }
       #formLayout>.mini-layout-border {
           height: 96vh;
       }
       #formLayout>.mini-layout-border #north {
           height: 97vh !important;
       }
        .mini-layout-split-nodrag#north {
            display: none;
        }
        #add, #save, #edit, #remove, #cancel, #approve, #abandon, #refer {
		    display: none;
		}
		#popupMenu li, #printMenu li{
		  list-style: none;
		  padding: 4px 0 4px 12px;
		  cursor: grab;
		}
		#popupMenu li:hover, #printMenu li:hover {
		    background: #e6f1fa;
		}
        /* 打印 */
        @media print{
            html,bodt {
                /* A4默认210mm*287mm */
                width: 210mm;
                height: 287mm;
            }
            .page {
                font-size: 10pt;
                width: initial;
            }
            @page {
                size: A5;
                /* 设置打印出来的页面边距 */
                margin: 1cm;
            }
        }
    </style>
</head>
<body>
<!-- <div id="formLayout" class="mini-layout" style="width:100%;height:97vh;" borderStyle="border:solid 1px #aaa;">
 -->
<div id="formTemplate" class="formTemplate" title="" region="north"  showSplitIcon="false" allowResize="false" showCollapseButton="false" style="height: 100%;">
    <div id="formToolbar">
        <div class="mini-toolbar" style="">
            <table style="width:100%;">
                <tr><td style="width:100%;">
                    <a class="mini-button" id="add" plain="true" iconCls="icon-add" onclick="actions('add')">增加</a>
                    <a class="mini-button" id="edit" plain="true" iconCls="icon-edit" onclick="actions('edit')">修改</a>
                    <a class="mini-button" id="save" plain="true" iconCls="icon-save" onclick="actions('save')">保存</a>
                    <a class="mini-button" id="remove" plain="true" iconCls="icon-remove" onclick="actions('remove')">删除</a>
                    <a class="mini-button" id="cancel" plain="true" iconCls="" onclick="actions('cancel')">取消</a>
                    <a class="mini-button" id="approve" plain="true" iconCls="icon-ok" onclick="actions('approve')">审批</a>
                    <a class="mini-button" id="abandon" plain="true" iconCls="icon-redo" onclick="actions('abandon')">弃审</a>
                    <a class="mini-menubutton" id="refer" plain="true" menu="#popupMenu" iconCls=""  onclick="actions('reference')">参照</a>
                    <a class="mini-button" id="submission" plain="true" iconCls="icon-ok" onclick="actions('submission')">提交</a>
                    <a class="mini-button" id="budgetsearch" plain="true" iconCls="icon-tip" onclick="actions('budgetsearch')">预算检索</a>
                    <a class="mini-button" id="copy" plain="true" iconCls="icon-add" onclick="actions('copy')">复制</a>
                    <a class="mini-button" id="enclosure" plain="true" iconCls="icon-folderopen" onclick="actions('enclosure')">附件</a>
                    <a class="mini-menubutton" id="printEl" menu="#printMenu" plain="true" iconCls="icon-folderopen" onclick="actions('onPrint')">打印模板选择</a>
<!--                    <input id="" class="mini-combobox" emptyText="请选择" required="false"-->
<!--                           valueField="id" textField="text" width="85" value="" onvaluechanged="onPrintChanged" />-->
<!--                <a class="mini-button" id="print" iconCls="" plain="true" onclick="onPrint()" >打印</a>-->

                    <!--<a href="javascript:void(0)" onclick="pager('first')"><span class="mini-icon mini-iconfont mini-pager-first" style=""></span></a>-->
                    <!--<a href="javascript:void(0)" onclick="pager('prev')"><span class="mini-icon mini-iconfont mini-pager-prev" style=""></span></a>-->
                    <!--<a href="javascript:void(0)" onclick="pager('next')"><span class="mini-icon mini-iconfont mini-pager-next" style=""></span></a>-->
                    <!--<a href="javascript:void(0)" onclick="pager('last')"><span class="mini-icon mini-iconfont mini-pager-last" style=""></span></a>-->
            </td></tr>
            </table>
        </div>
        <!-- 参照下拉 -->
		<ul id="popupMenu" class="mini-menu" style="display:none;">
			 <!--<li iconCls="icon-open" >打开</li>-->
		</ul>
        <!-- 打印下拉 -->
        <ul id="printMenu" class="mini-menu" style="display:none;"></ul>
    </div>
    <div class="page">
        <div id="formName"></div>
        <form id="formField" style="width:100%;height:calc(95vh - 70px);position:relative;"></form>
    </div>

  </div>
    <script src="../../js/formDesign/formTemplate2.js" type="text/javascript"></script>
</body>
</html>
